<!DOCTYPE html>

<html lang=en>
<head>
  <title>Tetris Written in Dart</title>
  <link rel=stylesheet type=text/css href=style.css>
</head>

<body>
<h1>Tetris Written in Dart</h1>

<div id="instructions">
  <b>Goal:</b> Fill in 5 lines!<br>

  <p>
    <b>Control Keys</b>
  </p>

  <table>
    <tr>
      <td>To move left</td>
      <td>Press <b>4</b> or &#8592;</td>
    </tr>

    <tr>
      <td>To move right</td>
      <td>Press <b>6</b> or &#8594;</td>
    </tr>

    <tr>
      <td>To rotate</td>
      <td>Press <b>5</b> or <b>8</b> or &#8593;</td>
    </tr>

    <tr>
      <td>To drop faster&nbsp;&nbsp;</td>
      <td>Press <b>space</b> or &#8595;</td>
    </tr>
  </table>

  <br>
  See the
  <a href="http://code.google.com/p/tetris-in-dart/source/browse/">source</a>.
</div>

<div id="form-and-board">
  <div id="board-div"></div>

  <form>
    <label for=level-select>Level:</label>
    <select id=level-select name=levelSelector>
      <option value=1 selected>1
      <option value=2>2
      <option value=3>3
      <option value=4>4
      <option value=5>5
      <option value=6>6
      <option value=7>7
      <option value=8>8
      <option value=9>9
      <option value=10>10
    </select>

    <label for=num-lines>Lines:</label>
    <input id=num-lines type=text value=0 size=2 readonly>

    <input type=button value=Start id=start-button>
    <input type=button value=Pause id=pause-button>
  </form>
</div>

<script type=application/dart src=game.dart></script>
<script src=dart.js></script>
</body>
</html>